
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <include file="public@head"/>

</head>
<body>
<include file='public@header'/>
<!--首页内容-->
<main>
  <div class="cpzs">
    <div class="container">

      <div class="main">
        <div class="main_left">
          <div class="about">
            <div class="about_title hidden-xs">产品展示</div>
            <div class="about_title hidden-lg hidden-md hidden-sm">产品展示</div>
            <ul class="about_ul">
              <volist name='product_category_list' id='item' offset="0" length="7">
              <li><a  href='/product/{$item.id}'>{$item.name}<img src='__INDEX__/images/about_jiantou.png' /></a></li>
              </volist>
            </ul>
          </div>
          <div class="about hidden-xs">
            <div class="about_dianhuaB">
              <div class="about_dianhua">服务热线：<span>{$site_info.site_mobile}</span></div>
            </div>
            <div class="about_txt">
              <p><strong>{$site_info.site_name}</strong></p>
              <p>联系人：{$site_info.site_username}</p>

              <p>手机：{$site_info.site_mobile}</p>

              <p>座机：{$site_info.site_phone}</p>

              <p>邮箱：{$site_info.site_email}</p>

              <p>地址：{$site_info.site_address}</p>
            </div>
          </div>
        </div>

        <div class="main_right">
          <div class="dqwz_title hidden-xs"><span>产品展示</span></div>
          <div class="dqwz_contect">
            <div  style="overflow: hidden; height:870px; " id="marqueebox0">
              <ul class="cpzs_ul">
                <volist name="product_recommend_list" id="item" offset="0" length="15">
                <li class="tr-04">
                  <a href="/productdetail/{$item.id} ">
                    <div class="cpzs_B">
                      <div class="cpzs_img tr-10" style="background-image:url({:cmf_get_image_preview_url($item.more.thumbnail)});"></div>
                    </div>
                    <div class="cpzs_txt">{$item.post_title}</div>
                  </a>
                  <div class="cpzs_dowm">
                    <a href="/productdetail/{$item.id}">查看详情+</a>
                    <a href="/contact">联系我们+</a>
                  </div>
                </li>
                </volist>
              </ul>
            </div>

          </div>
        </div>
      </div>

      <script>
          <!--
          function startmarquee(lh,speed,delay,index){
              var t;
              var p=false;
              var o=document.getElementById("marqueebox"+index);
              o.innerHTML+=o.innerHTML;
              o.onmouseover=function(){p=true}
              o.onmouseout=function(){p=false}
              o.scrollTop = 0;
              function start(){
                  t=setInterval(scrolling,speed);
                  if(!p) o.scrollTop += 2;
              }
              function scrolling(){
                  if(o.scrollTop%lh!=0){
                      o.scrollTop += 2;
                      if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;
                  }else{
                      clearInterval(t);
                      setTimeout(start,delay);
                  }
              }
              setTimeout(start,delay);
          }
          startmarquee(600,38,0000,0);
          /**startmarquee(一次滚动高度,速度,停留时间,图层标记);**/

          //-->
      </script>
    </div>
  </div>
  </div>
  <div class="gsjj">
    <div class="container">
      <div class="cpzs_title wow fadeInUp">
        <div class="cpzs_p">公司简介</div>
      </div>
      <div class="gsjj_contect">
        <div class="gsjj_L wow fadeInLeftBig" style="background-image: url(__INDEX__/images/gsjj_img.jpg);"></div>
        <div class="gsjj_R wow fadeInRightBig">
          <div class="gsjj_txt">
            {:mb_substr($about['post_excerpt'],0,190,"utf-8")}...
          </div>
          <div class="gsjj_dianhua">服务热线：<span>{$site_info.site_mobile}</span></div>
        </div>
      </div>
      <div class="gsjj_B wow fadeInUp">
        <ul class="gsjj_ul">
          <li><a href="/about"><img src="__INDEX__/images/gsjj_logo1.jpg" />企业简介</a></li>
          <li><a href="/product"><img src="__INDEX__/images/gsjj_logo2.jpg" />产品展示</a></li>
          <li><a href="/list.asp?classid=4"><img src="__INDEX__/images/gsjj_logo3.jpg" />公司相册</a></li>
          <li><a href="/case"><img src="__INDEX__/images/gsjj_logo4.jpg" />新闻动态</a></li>
          <li><a href="/contact"><img src="__INDEX__/images/gsjj_logo5.jpg" />联系我们</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="ys">
    <div class="container">
      <div class="ys_title wow fadeInUp">
        <div class="ys_p">为什么选择我们</div>
        <div class="ys_sp">只有你想不到，没有我们做不到</div>
      </div>
      <div class="ys_spp wow fadeInUp">Only you can't think of it. Without it, we can't</div>
      <ul class="ys_ul">
        <li>
          <div class="ys_L wow fadeInLeftBig">
            <div class="ys_B">
              <div class="ys_titleB">
                <div class="ys_sub">1</div>
                <div class="ys_pp">公司深耕特种建材行业10余年</div>
                <!--<div class="ys_pps">Advanced equipment to ensure quality</div>-->
              </div>
              <div class="ys_txt">工厂直接供货，库存充足，出货速度快， 多年沉淀，快速批量供应，需求响应及时，采购、生产、仓储、运输各环节层层把关。</div>
            </div>
            <div class="ys_B">
              <div class="ys_titleB">
                <div class="ys_sub">2</div>
                <div class="ys_pp">研发实力强大，质量检测严格</div>
                <!--<div class="ys_pps">customized processing saves time and effort</div>-->
              </div>
              <div class="ys_txt">有专业的研发团队和先进的生产设备，专业的质量检测实验室，确保产品质量，多年生产经验及技术积累，品质更可靠。</div>
            </div>
          </div>
          <div class="ys_R wow fadeInRightBig">
            <img class="img-responsive" src="__INDEX__/images/ys_img1.jpg" />
          </div>
        </li>
        <li>
          <div class="ys_L wow fadeInLeftBig">
            <div class="ys_B">
              <div class="ys_titleB">
                <div class="ys_sub">3</div>
                <div class="ys_pp">资深技术1对1指导，售后完善</div>
                <!--<div class="ys_pps">FOCUS ON ALUMINUM SHEET, QUALITY ASSURANCE</div>-->
              </div>
              <div class="ys_txt">·  全国上千家施工案例，制定方案更有依据，现场指导材料使用，省时省力，省钱省心，确定材料，科学配比，节约工程施工时间。
              </div>
            </div>
            <div class="ys_B">
              <div class="ys_titleB">
                <div class="ys_sub">4</div>
                <div class="ys_pp">专注特种建材行业，业内口碑好</div>
                <!--<div class="ys_pps">PERFECT AFTER SALES SERVICE</div>-->
              </div>
              <div class="ys_txt">进货先拿样，安全有保障,免费试用，满意后再购买，敢于让客户试用的产品才是好产品。</div>
            </div>
          </div>
          <div class="ys_R wow fadeInRightBig">
            <img class="img-responsive" src="__INDEX__/images/ys_img2.jpg" />
          </div>
        </li>
      </ul>
    </div>
  </div>
  <div class="hf wow fadeInUp">
    <img class="img-responsive hidden-xs" src="__INDEX__/images/hf_txt.png" />
    <img class="img-responsive hidden-lg hidden-md hidden-sm" src="__INDEX__/images/sj_hf_img.jpg" />
  </div>
  <div class="equ">
    <div class="container">
      <div class="cpzs_title wow fadeInUp">
        <div class="cpzs_p">工程案例</div>
        <div class="cpzs_sp">通过及时准确无误的服务态度及质量，赢得庞大且稳定的客户群</div>
      </div>
      <div class="equ_contect wow fadeInUp">
        <div class="swiper-container equ-imgbox">
          <div class="swiper-wrapper">


            <volist name="case_recommend_list" id="case" length='6'>
            <div class="swiper-slide">
              <a href=" /caseDetail/{$case.id}">
                <div class="equ_img tr-10" style="background-image: url({:cmf_get_image_preview_url($case.more.thumbnail)});"></div>
                <div class="equ_hover tr-04">{$case.post_title}</div>
              </a>
            </div>

            </volist>


          </div>
        </div>
        <div class="equ-next"></div>
        <div class="equ-prev"></div>
      </div>
    </div>
  </div>
  <div class="news">
    <div class="news_title wow fadeInUp">
      <div class="container">
        <div class="cpzs_title">
          <div class="cpzs_p">新闻中心</div>
        </div>
      </div>
    </div>
    <div class="news_contect">
      <div class="container">
        <div class="news_L wow fadeInLeft">



          <volist name="news_recommend_list" id="item" offset="0" length="1">
          <a href="/newsdetail/{$item.id}">
            <if $item.more.thumbnail>
              <div class="news_B"><div class="news_img tr-10" style="background-image: url({:cmf_get_image_preview_url($item.more.thumbnail)});"></div>
              <else/>
                <div class="news_B"><div class="news_img tr-10" style="background-image: url(__INDEX__/images/gsjj_img.jpg);"></div>
            </if>

            </div>
            <div class="news_p tr-04">{$item.post_title}</div>
            <div class="news_txt">{:mb_substr($item['post_excerpt'],0,18,"utf-8")}…</div>
          </a>
          </volist>
        </div>

        <ul class="news_ul wow fadeInRight">


          <volist name="news_recommend_list" id="item" offset="1" length="3">
          <li>
            <a href="/newsdetail/{$item.id}">

              <if $item.more.thumbnail>
              <div class="news_B"><div class="news_img tr-10" style="background-image: url({:cmf_get_image_preview_url($item.more.thumbnail)});"></div></div>
                <else/>
                <div class="news_B"><div class="news_img tr-10" style="background-image: url(__INDEX__/images/gsjj_img.jpg);"></div></div>
              </if>

              <div class="news_p tr-04">{$item.post_title}</div>
              <div class="news_txt">{:mb_substr($item['post_excerpt'],0,18,"utf-8")}…</div>
            </a>
          </li>
          </volist>


        </ul>
      </div>
    </div>
  </div>
  <div class="lxwm">
    <div class="container">
      <div class="cpzs_title wow fadeInUp">
        <div class="cpzs_p">联系我们</div>
      </div>
      <div class="lxwm_left wow fadeInLeftBig">
        <div class="lxwm_p">联系我们</div>
        <div class="lxwm_title"><span>{$site_info.site_name} </span></div>
        <div class="lxwm_txt">
          <p>联系人：{$site_info.site_username}</p>

          <p>手机：{$site_info.site_mobile}</p>

          <p>座机：{$site_info.site_phone}</p>

          <p>邮箱：{$site_info.site_email}</p>

          <p>地址：{$site_info.site_address}</p>             </div>
      </div>
      <!--<div class="lxwm_left wow fadeInRightBig">
        <div class="lxwm_p">客户留言</div>
        <script src="__INDEX__/js/jquery.tips.js"></script>
        <script src="__INDEX__/js/jquery.validator.js"></script>
        <script src="__INDEX__/js/zh_CN.js"></script>




        <form id="form1" class="form_book" action="" method="post" class="lxwm_form">

          <div class="lxwm_sp">姓名：</div>
          <input class="lxwm_inp1" type="text" name="username" />
          <div class="lxwm_sp">电话：*</div>
          <input class="lxwm_inp1" type="text" name="mobile" />
          <div class="lxwm_sp">内容：*</div>
          <textarea class="lxwm_inp2" name="content"></textarea>

          <a id="btnSendForm1" class="lxwm_btn" >提交</a>
        </form>

        <script type="text/javascript">
            $(function () {



                //提交表单
                $("#btnSendForm1").click(function () {

                    var data = $("#form1").serialize();
                    $.post("/portal/message/add", data, function (res) {
                        if (res.code == 1) {
                            alert("提交成功！");
                            location.href = location.href.replace(/#/g,"");
                        }
                        else {
                            alert("提交失败！" + (res.Message != "" ? ("\n" + res.str) : ""));
                        }
                    });
                });
            });

        </script>


      </div>-->
    </div>
  </div>
</main>

<include file='public@footer'/>

</body>
</html>